// alert('JS文件导入成功');

// 新增数据函数
function addRow() {
    let table = document.getElementById('dataTable');
    // console.log(table);
    // 获取插入的位置
    let length = table.rows.length;
    // console.log(length);
    // 插入行节点
    let newRow = table.insertRow(length);
    console.log(newRow);
    // 插入列节点对象
    let namecol = newRow.insertCell(0);
    let phonecol = newRow.insertCell(1);
    let actioncol = newRow.insertCell(2);
    // 修改节点文本内容
    namecol.innerHTML = '未命名';
    phonecol.innerHTML = '无联系方式';
    actioncol.innerHTML = '<button onclick="editRow(this)">编辑</button><button  onclick="deleteRow(this)">删除</button>';
}
// 删除数据函数
function deleteRow(button) {
    // console.log(button);
    // 获取当前行对象(父节点的父节点)
    let row = button.parentNode.parentNode;
    console.log(row);
    row.parentNode.removeChild(row);
}
// 编辑数据函数
function editRow(button) {
    console.log(button);
    let row = button.parentNode.parentNode;
    let name = row.cells[0];
    let phone = row.cells[1];
    // 调出浏览器的输入框（弹窗）
    let inputName = prompt("请输入新的姓名");
    let inputPhone = prompt("请输入新的联系方式");
    name.innerHTML = inputName;
    phone.innerHTML = inputPhone;

}